.sn-topBar{
  width: 100%;
  height: 90rem/@baseFontSize;
  background-color:@snColor;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  form{
    padding-left: 90rem/@baseFontSize;
    padding-right: 90rem/@baseFontSize;
    width: 100%;
    input{
      width: 100%;
      height: 60rem/@baseFontSize;
      margin-top: 15rem/@baseFontSize;
      border-radius: 5rem/@baseFontSize;
      background: rgba(255,255,255,0.3);
      font-size: 24rem/@baseFontSize;
      padding-left: 50rem/@baseFontSize;
    }
    .icon-search{
      width: 30rem/@baseFontSize;
      height: 30rem/@baseFontSize;
      position: absolute;
      left: 100rem/@baseFontSize;
      top: 30rem/@baseFontSize;
      background: url("../images/icon_search.png") no-repeat center/27rem/@baseFontSize 28rem/@baseFontSize;
    }
  }
  a{
    height:90rem/@baseFontSize;
    width: 90rem/@baseFontSize;

    position: absolute;
    top: 0;
  }
  .icon-category{
    left: 0;
    background: url("../images/icon_category.png") no-repeat center/44rem/@baseFontSize 70rem/@baseFontSize;
  }
  .icon-cart{
    right: 0;
    background: url("../images/icon_cart.png") no-repeat center/63rem/@baseFontSize 68rem/@baseFontSize;
  }
}